@tailwind base;
@tailwind components;
@tailwind utilities;
.el-pagination{ 
    --el-pagination-button-bg-color:white !important;
    .number{
        background-color: white !important;
        border-radius: 4px;
        border:1px solid #ccc;
    }
    .is-active{
        background-color: #158DFF !important;
        color: white !important;
    }
 }
 .el-table {
    --el-fill-color-blank:transparent ;
    --el-table-tr-bg-color:transparent !important;
    font-size: 16px;
    tr {
        height: 50px;
    }

    thead {
        background: rgba(221, 221, 221, 0.4);
        tr {
            border-radius: 4px 4px 0px 0px;
            overflow: hidden;

            th {
                background-color: transparent !important;
                
                color: rgba(0, 0, 0, 0.9);
                font-size: 16px;
                font-weight: 400;
                // font-weight: bold;

                &:nth-of-type(1) {
                    border-radius: 4px 0px 0px 0px;
                }

                &:nth-last-of-type(1) {
                    border-radius: 0px 4px 0px 0px;
                }
            }
        }
    }
    tbody{
        td{
            color: rgba(0, 0, 0, 0.9);
        }
    }
}
.el-table__header {
    width: 100%!important;
  }
.el-table__body{
    width: 100%!important;
}